<template>
  <div
    class="echart-nodata"
    v-if="show"
  >
    <img
      src="./no_data.png"
      alt=""
    >
  </div>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  }
}
</script>

<style lang='scss' scoped>
.echart-nodata {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 9999;
  background: #ffffff;
  > img {
    width: auto;
    height: 50%;
  }
}
</style>
